<template>
  <div>
    <Checkbox
      :key="item.id"
      :value="item.select"
      @click.native="handleCheckboxClick"
      @on-change="handleCheckboxChange(item.id, $event)"
      v-for="item in reports"
    >{{ item.alias}}</Checkbox>
  </div>
</template>
<script>
export default {
  props: {
    row: Object
  },
  computed: {
    reports () {
      return this.row.reports || [];
    }
  },
  methods: {
    handleCheckboxChange (id, select) {
      this.$emit('checkbox-change', id, select);
    },
    handleCheckboxClick () {}
  }
};
</script>

<style lang="less" scoped>
.ivu-checkbox-wrapper {
  display: block;
  margin-bottom: 5px;
}
</style>
